/**
 * Created by CodeTlan.
 * User: Ing. Miguel Salas
 * Date: 3/6/12
 * Time: 1:35 PM
 */
Ext.define('CT.view.logged.MenuPrincipal', {
    extend:'Ext.view.View',
    alias:'widget.menuprincipal',
    store:'MenuImages',
    initComponent:function () {
        var imageTpl = new Ext.XTemplate(
            '<div style="text-align:center; background-color:#7c0000; height:85px;">',
            '   <ul>',
            '       <tpl for=".">',
            '               <li id="menu-{modulo_k}" style="cursor: pointer; ',
            '           <tpl if="values.menu_mostrar == 1">',
            '               display:inline-block; ',
            '           </tpl>',
            '           <tpl if="values.menu_mostrar == 0">',
            '               display:none; ',
            '           </tpl>',
            '               padding:1px;" class="select-me">',
            '                 <img src="{img_big}" /><br><span style="color:#FFFFFF;">{titulo}</span>',
            '               </li>',

            '       </tpl>',
            '   </ul>',
            '</div>'
        );
        Ext.apply(this, {
            tpl:imageTpl,
            itemSelector:'li.select-me'
        });
        this.callParent(arguments);
    }
});